<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
	String path = request.getContextPath();
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=0"/>
		<title>抱走宝山报名选择</title>
		<link rel="stylesheet" href="<%=path%>/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="<%=path%>/css/ylj.css"/>
</head>
<body>
	<div class="bg"></div>
		<div class="pic"><img src="<%=path%>/img/titlex.png"/></div>
		<div class="bd">			
			<div class="xsa">			    
				<p class="text-center bmt">请选择报名组别</p>
				<a href="<%=path%>/choose/single">
					<div class="bmzb">               	
	                	<div class="left">
	                		<p class="ptop">个人组</p>
	                		<!-- <p>10或20公里：118元/人        </p>
	                		 <p>30公里：128元/人</p> -->
	                		 <p>118~128元/人</p>
	                	</div>
	                	<div class="right">
	                		适合于个人参赛的选手，分为10公里、20公里、30公里等三个不同的距离。请根据自己的身体状况选择参赛距离。
	                	</div>
	                </div>
				</a>
          <%--       <a href="<%=path%>/choose/family">
					<div class="bmzb">               	
	                	<div class="left">
	                		<p class="ptop">家庭组</p>
	                		<p>108元/人</p>
	                	</div>
	                	<div class="right">
	                		适合于家庭组队的选手，最少2人组队参赛，最多6人参赛。比赛距离为30公里。
	                	</div>
	                </div>
				</a> --%>
				<a href="<%=path%>/choose/group">
					<div class="bmzb" style="border-bottom: 1px solid #fff;">               	
	                	<div class="left">
	                		<p class="ptop">团队组</p>
	                		<p>98元/人</p>
	                	</div>
	                	<div class="right">
	                		适合于企业、社团、高校等组团参赛的选手，最少2人组队参赛。比赛距离为10公里，20公里，30公里。
	                	</div>
	                </div>
				</a>
				<p class="text-center pone" style="float: left;width:100%;margin-top: 8%;">关注'抱走宝山'微信公众号，</p>
				<p class="text-center ptwo" style="float: left;width:100%">获取更多赛事信息</p>
			</div>			
		</div>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script type="text/javascript" src="<%=path%>/js/jquery-2.2.3.min.js" ></script>
		<script>
		//微信jssdk config
		wx.config({
			debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
			appId : '${appid}', // 必填，公众号的唯一标识
			timestamp : '${timestamp}', // 必填，生成签名的时间戳
			nonceStr : '${noncestr}', // 必填，生成签名的随机串
			signature : '${signature}',// 必填，签名，见附录1
			jsApiList : [ 'checkJsApi', //判断当前客户端版本是否支持指定JS接口
			'onMenuShareTimeline', //分享给好友
			'onMenuShareAppMessage', //分享到朋友圈
			'onMenuShareQQ', //分享到QQ
			'onMenuShareWeibo' //分享到微博
			]
		// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
		});
		wx
				.ready(function() { //ready函数用于调用API，如果你的网页在加载后就需要自定义分享和回调功能，需要在此调用分享函数。//如果是微信游戏结束后，需要点击按钮触发得到分值后分享，这里就不需要调用API了，可以在按钮上绑定事件直接调用。因此，微信游戏由于大多需要用户先触发获取分值，此处请不要填写如下所示的分享API
					wx
							.onMenuShareTimeline({ //分享到朋友圈的API  
								title : '抱走宝山挑战赛', // 分享标题
								link : 'http://run.xuanzhen-tech.com/wx_project/user/toRight.html', // 分享链接
								imgUrl : 'http://run.xuanzhen-tech.com/wx_project/img/titlex.png', // 分享图标
								success : function() {
									// 用户确认分享后执行的回调函数
								},
								cancel : function() {
									// 用户取消分享后执行的回调函数
								}
							});
					wx
							.onMenuShareAppMessage({//分享到朋友 
								title : '抱走宝山', // 分享标题
								desc : '抱走宝山挑战赛火热报名中', // 分享描述
								link : 'http://run.xuanzhen-tech.com/wx_project/user/toRight.html', // 分享链接
								imgUrl : 'http://run.xuanzhen-tech.com/wx_project/img/titlex.png', // 分享图标
								type : 'link', // 分享类型,music、video或link，不填默认为link
								dataUrl : '', // 如果type是music或video，则要提供数据链接，默认为空
								success : function() {
									// 用户确认分享后执行的回调函数
								},
								cancel : function() {
									// 用户取消分享后执行的回调函数
								}
							});
				});
		</script>
</body>
</html>